/* pages/orders/orders.wxss */

page {
    background-color: #f3f3f3;
}

.tabBar {
    height: 6vh;
    background: #fff;
    margin-bottom: 1vh;
    line-height: 6vh;
    color: #a8a8a8;
}

.searchBar {
    height: 100rpx;
}

.searchBar .search-input {
    width: 70%;
    height: 65rpx;
    background: #fff;
    padding: 0 30rpx;
    border-radius: 8rpx;
}

.searchBar .search_btn {
    width: 110rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    color: #fff;
    border-radius: 8rpx;
}

/* .tabBar .tabItem.active {
  color:#17274C;
  border-bottom: 5rpx #17274C solid;
} */

.no_msg {
    color: #999;
}

.more {
    color: #999;
    padding: 10px 0;
}

.orderList {
    height: 93vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.orderItem {
    background: #fff;
    margin-bottom: 10rpx;
}

.order_title {
    height: 60rpx;
    border-bottom: 1rpx #f3f3f3 solid;
    padding: 0 20rpx;
    color: #999;
    font-size: 25rpx;
}

.proItem {
    padding: 10rpx;
}

.proItem .proImg {
    width: 18vw;
    height: 18vw;
    overflow: hidden;
}

.proItem .proContext {
    width: 60vw;
    overflow: hidden;
}

.proItem .proContext .proName {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
}

.proItem .proContext .proSku {
    font-size: 25rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999;
    line-height: 50rpx;
}

.proItem .proContext .proPrice {
    color: #e23c2e;
}

.bg-btn {
    color: #fff;
    margin-left: 5px;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
}

.Ftotalmoney {
    color: #e23c2e;
    font-size: 14px;
}

.proItem .proNum {
    text-align: center;
}

.proTotal {
    height: 50rpx;
    border-bottom: 1rpx #f3f3f3 solid;
    padding: 0 20rpx;
    color: #999;
    font-size: 25rpx;
}

.actionBar {
    padding: 5rpx 10rpx;
    margin-top: 10px;
    margin-bottom: 10px;
}

.blank {
    padding-top: 180rpx;
}

.big-icon {
    font-size: 100px;
    color: #ddd;
}

.go_comment {
    padding-right: 10rpx;
    padding-top: 20rpx;
    color: #e23c2e;
}

.return_pop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.5);
}

.return_pop .content {
    width: 80%;
    background: #fff;
    border-radius: 10rpx;
}

.return_pop .content .header {
    height: 80rpx;
    padding: 0 20rpx;
    border-bottom: 1px #f3f3f3 solid;
}

.return_pop .content .header .colse {
    width: 80rpx;
    height: 80rpx;
    font-size: 30rpx;
}

.return_pop .content .body {
    padding: 20rpx;
}

.return_pop .content .body .group {
    height: 80rpx;
}

.return_pop .content .body .group .label {
    margin-right: 20rpx;
    color: #999;
}

.return_pop .content .body .group .long_input {
    border: 1px #f3f3f3 solid;
    text-align: center;
    padding: 0;
}

.return_pop .content .bottom {
    height: 80rpx;
    padding: 0 50rpx;
    padding-bottom: 50rpx;
}

.return_pop .content .bottom .btn {
    width: 145rpx;
    height: 50rpx;
    text-align: center;
    line-height: 50rpx;
    border-radius: 3rpx;
}
